<template>
  <el-menu default-active="/dashboard" router style="height: 100dvh;background-color: #f2f2f2;border: none;"
    active-text-color="#00928c" :collapse="collapse">
    <el-menu-item index="/admin/dashboard">
      <el-icon>
        <Menu />
      </el-icon>
      <span>系统首页</span>
    </el-menu-item>
    <!-- <el-sub-menu index="1">
      <template #title>
        <el-icon>
          <Document />
        </el-icon>
        <span>内容管理</span>
      </template>
      <el-menu-item index="/posts">文章管理</el-menu-item>
      <el-menu-item index="/categories">分类管理</el-menu-item>
    </el-sub-menu> -->
    <el-sub-menu index="2">
      <template #title>
        <el-icon><User /></el-icon>
        <span>信息管理</span>
      </template>
      <el-menu-item index="/admin/posts2">
        酒店信息
      </el-menu-item>
      <el-menu-item index="/admin/userlist2">
        房间分类
      </el-menu-item>
      <el-menu-item index="/admin/userlist3">
        客房信息
      </el-menu-item>
      <el-menu-item index="/admin/userlist4">
        预定管理
      </el-menu-item>
      <el-menu-item index="/admin/userlist5">
        评论管理
      </el-menu-item>
      <el-menu-item index="/admin/userlist6">
        订单管理
      </el-menu-item>
    </el-sub-menu>
    <el-sub-menu index="3">
      <template #title>
        <el-icon><User /></el-icon>
        <span>用户管理</span>
      </template>
      <el-menu-item index="/admin/posts1">
        管理员信息
      </el-menu-item>
      <el-menu-item index="/admin/posts3">
        用户信息
      </el-menu-item>
    </el-sub-menu>
  </el-menu>
</template>
<script lang="ts" setup>
defineProps<{ collapse: boolean }>()
</script>